/*
 * @Author: lusx 
 * @Date: 2020-05-25 11:47:43 
 * @Last Modified by: lusx
 * @Last Modified time: 2020-05-25 16:56:02
 */
import React from 'react';
const preClas = 'gv-overall-card';
export default class CardFoot extends React.Component {
    render(){
        const { actionTab = 0, datas } = this.props;
        const key = datas[actionTab].key;
        const title = datas[actionTab].title;
        return (
            <div key={key} className={preClas}>
                <div className={`${preClas}-box`}>
                    <header>{title}</header>
                    <main>
                        <ul>
                            {
                                datas[actionTab].data.length > 0 && datas[actionTab].data.map(d => (
                                    <li key={d.key}>
                                        <span>{d.text}</span>
                                        <span>{d.num}</span>
                                    </li>
                                ))
                            }
                        </ul>
                    </main>
                </div>
            </div>
        )
    }
}